.home {
    :global {
        .navbar {
            opacity: 0;
        }

        .frame {
            background: linear-gradient(to right, #52fffd, #048ad3);

            .cover {
                clip-path: inset(0px round 2.254vw);
                background-color: #3c818d;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-image: linear-gradient(to top, #0b1d71 0%, rgba(11, 29, 113, 0.738) 19%, rgba(11, 29, 113, 0.541) 34%, rgba(11, 29, 113, 0.382) 47%, rgba(11, 29, 113, 0.278) 56.5%, rgba(11, 29, 113, 0.194) 65%, rgba(11, 29, 113, 0.126) 73%, rgba(11, 29, 113, 0.075) 80.2%, rgba(11, 29, 113, 0.042) 86.1%, rgba(11, 29, 113, 0.021) 91%, rgba(11, 29, 113, 0.008) 95.2%, rgba(11, 29, 113, 0.002) 98.2%, rgba(11, 29, 113, 0) 100%);
                isolation: isolate;
                overflow: hidden;
            }
        }

        .move {
            video {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }

        .dd {
            transform: translateZ(-5rem);
            scale: 1;
            opacity: 0.3;
        }

        .dd2 {
            transform: translateZ(-10rem);
            scale: 1;
            opacity: 0.3;
        }

        .update-card-box {
            .content {
                width: calc(100vw / 7);
            }
        }
    }
}